<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!--相对路径：从当前html文件出发去找资源
1）图片与html文件在同一个文件夹下直接写图片全名 111.png-->
<!--2)图片在下一级文件夹下,先写文件夹,再写图片全名 img/222.jpg-->
<!--3)图片在上一级文件夹下,先./返回到上一级,再写图片全名../333.png-->
<img src="111.png" alt="" title="这是一张五常大米图片">
<img src="../img/222.jpg" alt="">
<img src="../333.png" alt="哎呀，图片走丢了">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///2CC07B43823040C8A43E282CCB60F670.png"alt="">
<img src="444.jpg" height="200px">
</body>
</html>